.content {
    display: flex;
    justify-content: space-between;
    height: calc(100vh - 339px);

    .withTips {
        display: flex;
        align-items: center;

        span {
            white-space: nowrap;
            text-indent: 12px;
            color: #ff6b00;
            font-size: 12px;

            &:hover {
                cursor: pointer;
                color: #f99547;
            }
        }
    }

    .idTips {
        margin-top: 8px;
        color: #666;
        font-size: 10px;
        line-height: 1.6;
    }

    .storeTips {
        flex: 1;
    }

    .line {
        width: 0;
        margin: 0 20px 0 8px;
        border-left: 1px dashed #eee;
    }

    .msg {
        overflow: auto;
        flex: 1;
        box-sizing: border-box;
        height: calc(100vh - 370px);
        padding-right: 36px;
        padding-left: 10px;

        .title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 10px 0 24px;

            .text {
                text-indent: 8px;
                border-left: 3px solid #ff6b00;
            }
        }

        .sync {
            margin-bottom: 24px;

            .sync-title {
                margin-bottom: 12px;
                color: #555;
                font-size: 14px;
            }

            .sync-img {
                width: 100%;
                border: 1px solid #f8f8f8;
                background-color: #fcfcfc;

                .el-image {
                    width: 100%;
                    min-height: 300px;
                }
            }
        }
    }

    .finishBox {
        display: flex;
        align-items: center;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        height: 500px;
        padding-bottom: 100px;
        padding-left: 30px;

        & > div {
            color: #555;
            font-size: 12px;
            line-height: 2;
        }

        .tag {
            span {
                color: #ff6b00;

                &:hover {
                    cursor: pointer;
                }
            }
        }
    }
}

.next {
    display: flex;
    justify-content: flex-end;
}

.sync_day {
    margin-bottom: 4px;

    .el-input-number {
        width: 100px;
        margin: 0 6px;
    }
}

.search-shop-icon {
    box-sizing: border-box;
    height: 32px;
    padding-top: 4px;
    cursor: pointer;
}

.footer_button {
    text-align: center;
    background-color: #fff;
    padding: 16px 24px;
    margin: 0 -16px -16px;
    border-top: 1px solid #eaeaea;
}
